@charset "UTF-8";

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes pulse {
    0%, 100% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1)
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(.9)
    }
    100% {
        transform: scale(1)
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-50px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-50px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(180deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(180deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

.flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes searchAnimation {
    0% {
        opacity: 0;
        width: 80px;
        border-radius: 30px;
        padding: 0 60px 0 20px
    }
    100% {
        opacity: 1;
        width: 483px;
        border-radius: 30px
    }
}

@keyframes searchAnimation {
    0% {
        opacity: 0;
        width: 60px;
        border-radius: 30px;
        padding: 0 60px 0 20px
    }
    100% {
        opacity: 1;
        width: 483px;
        border-radius: 30px
    }
}

@-webkit-keyframes chatScroll {
    0% {
        top: 0
    }
    100% {
        top: -224px
    }
}

@keyframes chatScroll {
    0% {
        top: 0
    }
    100% {
        top: -224px
    }
}

@-webkit-keyframes chatTip {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        top: 300px
    }
    80% {
        opacity: 1;
        -webkit-transform: scale(1.02);
        top: 186px
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        top: 186px
    }
}

@keyframes chatTip {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        top: 300px
    }
    80% {
        opacity: 1;
        -webkit-transform: scale(1.02);
        top: 186px
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        top: 186px
    }
}

@-webkit-keyframes cardBack {
    0% {
        transform: scale(.978)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes cardBack {
    0% {
        transform: scale(.978)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes cardShow {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes cardShow {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes userCompany {
    0% {
        opacity: .2;
        -webkit-transform: scale(1, 1)
    }
    50% {
        opacity: .8;
        -webkit-transform: scale(1.1, 1.1)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1, 1)
    }
}

@keyframes userCompany {
    0% {
        opacity: .2;
        transform: scale(1, 1)
    }
    50% {
        opacity: .8;
        transform: scale(1.1, 1.1)
    }
    100% {
        opacity: 1;
        transform: scale(1, 1)
    }
}

@-webkit-keyframes cardShow1 {
    0% {
        -webkit-transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes cardShow1 {
    0% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes cardShow2 {
    0% {
        -webkit-transform: translateY(-80px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes cardShow2 {
    0% {
        transform: translateY(-80px)
    }
    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes cardShow3 {
    0% {
        -webkit-transform: translateY(-170px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes cardShow3 {
    0% {
        transform: translateY(-170px)
    }
    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes cardShow4 {
    0% {
        -webkit-transform: translateY(-250px)
    }
    60% {
        -webkit-transform: perspective(0) rotateX(-5deg) scale(1) translateY(-10px)
    }
    100% {
        -webkit-transform: perspective(500px) rotateX(-5deg) scale(1.14) translateY(-30px)
    }
}

@keyframes cardShow4 {
    0% {
        transform: translateY(-250px)
    }
    60% {
        transform: perspective(0) rotateX(-10deg) scale(1) translateY(-10px)
    }
    100% {
        transform: perspective(500px) rotateX(-10deg) scale(1.14) translateY(-30px)
    }
}

@-webkit-keyframes cardShow5 {
    0% {
        -webkit-transform: translateY(-290px)
    }
    70% {
        -webkit-transform: perspective(0) rotateX(-10deg) scale(1) translateY(-5px)
    }
    100% {
        -webkit-transform: perspective(500px) rotateX(-10deg) scale(1.23) translateY(-15px)
    }
}

@keyframes cardShow5 {
    0% {
        transform: translateY(-290px)
    }
    70% {
        transform: perspective(0) rotateX(-10deg) scale(1) translateY(-5px)
    }
    100% {
        transform: perspective(500px) rotateX(-10deg) scale(1.23) translateY(-15px)
    }
}

@-webkit-keyframes cardShow6 {
    0% {
        -webkit-transform: translateY(-290px)
    }
    80% {
        -webkit-transform: perspective(0) rotateX(-10deg) scale(1) translateY(0)
    }
    100% {
        -webkit-transform: perspective(500px) rotateX(-10deg) scale(1.32) translateY(0)
    }
}

@keyframes cardShow6 {
    0% {
        transform: translateY(-290px)
    }
    80% {
        transform: perspective(0) rotateX(-10deg) scale(1) translateY(0)
    }
    100% {
        transform: perspective(500px) rotateX(-10deg) scale(1.32) translateY(0)
    }
}

@-webkit-keyframes jconfirm-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes jconfirm-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes hilight {
    10%, 90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0)
    }
    20%, 80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
    30%, 50%, 70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0)
    }
    40%, 60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0)
    }
}

@keyframes hilight {
    10%, 90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0)
    }
    20%, 80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
    30%, 50%, 70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0)
    }
    40%, 60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0)
    }
}
